﻿<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <meta name="hotcss" content="initial-dpr=1" />
    <meta http-equiv="x-ua-compatible" content="IE=edge, chrome=1" />
    <meta name="renderer" content="webkit" />
    <title>北京网站建设_网站设计_北京网站制作_网站优化公司_今明互联</title>
    <meta name="keywords" content="北京网站建设,北京网站制作,北京网站设计,北京网站优化,北京APP开发,北京软件开发,北京建网站" />
    <meta name="description" content="北京网站建设专家今明互联是北京领先的互联网+技术解决方案供应商，专业提供北京网站制作、网站设计与软件开发公司一站式服务，并为北京众多知名企业提供过高品质网站建设服务。" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
    <meta http-equiv="mobile-agent" content="format=xhtml;url=http://m.116net.cn">
    <meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no,height=device-height" />
    <meta content="yes" name="apple-mobile-web-app-capable" />
    <meta content="black" name="apple-mobile-web-app-status-bar-style" />
    <meta content="telephone=no" name="format-detection" />
    <meta name="wap-font-scale" content="no" />
    <link rel="stylesheet" href="css/chat.css">
    <link rel="stylesheet" href="css/foot.css">
    <link href="css/common.css"  rel="stylesheet" />
    <script type="text/javascript" src="js/jquery-2.1.0.js"></script>
    <!--[if lt IE 9]><script src="js/html5.js" ></script><![endif]-->
    <link rel="stylesheet" href="css/foot.css">
</head>
<body>
<div class="body-bg"></div>
<!--header-->
<header>
    <div class="header-inner">
        <div class="logo">
            <a href="index.html">
                <img src="picture/e7d7967b679b21c50b23d51c12ac1363_index_logo.png" alt="北京网站建设" />
            </a>
        </div>
        <div class="right-side clearfix">
            <nav>
                <ul class="clearfix">
                    <li>
                        <a href="index.html" style="color:red;">首页</a>
                    </li>
                    <li>
                        <a href="about/about.html" >关于今明</a>
                    </li>
                    <li>
                        <a href="service.html" title="网站建设、小程序开发、APP定制">服务项目</a>
                    </li>
                    <li>
                        <a href="case.html" title="网站设计案例">经典案例</a>
                    </li>
                    <li>
                        <a href="solution.html" title="网站解决方案">解决方案</a>
                    </li>
                    <li>
                        <a href="news.html" title="网站建设资讯">新闻资讯</a>
                    </li>
                    <li>
                        <a href="contact.html" >联系我们</a>
                    </li>
                </ul>
            </nav>
            <div class="header-phone-number">028-68638783</div>
        </div>
    </div>
</header>
<!-- end header -->
<div class="js-container"><!-- start-banner -->
    <div class="index-banner"> <!-- Swiper -->
        <div class="swiper-container home-carousel">
            <div class="swiper-wrapper carousel-inner page-header-inner">
                <div class="carousel-item carousel-item1">
                    <div class="carousel-item-inner">
                        <div class="page-header-fullscreen-trame carousel-item-trame trame"></div>
                        <div class="page-header-fullscreen-image-cont carousel-item-image-wrapper">
                            <figure class="carousel-item-image page-header-fullscreen-image">
                                <div class="lg-hidden1">
                                    <div class="fullscreen-image">
                                        <img src="picture/index-banner1-1a.jpg">
                                    </div>
                                </div>
                                <div class="video">
                                        <div class="video-inner">
                                            <video class="banner-background" src="video/video_bg.mp4"
                                                   autoplay="true" style="width: 100%;  object-fit: fill" loop="true"
                                                   poster="" muted>
                                                <source src="video/video_bg.mp4" type="video/mp4">
                                            </video>
                                        </div>
                                    </div>
                            </figure>
                        </div>
                        <div class="swiper-inner-text-wrap page-header-fullscreen-text carousel-item-text">
                            <div class="swiper-inner-text"><h2 class="cansual-item-title"><span class="small-title">今明互联服务的客户</span>
                                <strong class="number">5000<span class="add-icon">+</span></strong> <span
                                        class="carousel-item-subtitle-line"> <span
                                        class="carousel-item-subtitle-line-timer"></span> </span></h2>

                                <h3 class="cansual-sub-title"><span>今明互联，不断探索</span> <span>致力于做服务最好的网站建设公司</span>
                                    <!--<span>6 年来今明不变初心, 不断探索</span>--> <!--<span>做服务最好网站建设公司</span>--> </h3></div>
                        </div>
                    </div>
                </div>
                <div class="carousel-item carousel-item2">
                    <div class="carousel-item-inner">
                        <div class="page-header-fullscreen-trame carousel-item-trame trame"
                             style="background:url(images/new_bg.jpg) no-repeat center center;"></div>
                        <div class="carousel-item-image-wrapper">
                            <figure class="carousel-item-image">
                                <div class="lg-hidden1">
                                    <div class="fullscreen-image">
                                        <img src="images/banner1.jpg">
                                    </div>
                                </div>
                                <div class="video">
                                        <div class="video-inner">
                                            <video class="banner-background" src="video/video_bg.mp4"
                                                   autoplay="true" style="width: 100%;  object-fit: fill" loop="true"
                                                   poster="">
                                                <source src="video/video_bg.mp4" type="video/mp4">
                                            </video>
                                        </div>
                                    </div>                            </figure>
                            <div class="swiper-inner-text-wrap page-header-fullscreen-text">
                                <div class="swiper-inner-text"><h3 class="cansual-des"> 创意 · 设计 · 技术 · 研发 · 服务<br> <span
                                        class="en">Jingming NetWork</span> 努力进取、不断完善<br> 并一直领先 </h3></div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="carousel-item carousel-item3">
                    <div class="carousel-item-inner">
                        <div class="page-header-fullscreen-trame carousel-item-trame trame"
                             style="background:url(picture/banner5.jpg) no-repeat center center;"></div>
                        <div class="carousel-item-image-wrapper">
                            <figure class="carousel-item-image"></figure>
                        </div>
                        <div class="swiper-inner-text-wrap page-header-fullscreen-text">
                            <div class="swiper-inner-text"><h2 class="cansual-title">互联网全终端解决方案</h2>

                                <div class="cansual-line"></div>
                                <p class="cansual-des"> 为客户提供各类最优网站定制解决方法，包括企业网站、商城系统、旅游网站、外贸网站 手机微信网站、微信小程序、APP 等。 </p>
                                <a href="solution.html" title="网站建设解决方案"
                                   class="radiu-button">查看更多</a></div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="carousel-bar page-header-bar active">
                <div class="carousel-bar-inner page-header-bar-inner">
                    <div class="carousel-scroll-btn">
                        <div class="carousel-scroll-btn-icon-wrapper"><span class="carousel-scroll-btn-icon"></span>
                        </div>
                    </div>
                    <div class="carousel-controls">
                        <div class="count"><span class="current">01</span> <i>/</i> <span class="total">06</span></div>
                        <div class="controls">
                            <div class="left carousel-control" role="button" data-slide="prev">
                                <div class="swiper-button swiper-button-prev"><span class="swiper-button-line"></span>
                                </div>
                            </div>
                            <span class="carousel-line"></span>

                            <div class="right carousel-control">
                                <div class="swiper-button swiper-button-next"><span class="swiper-button-line"></span>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <!-- Add Arrows --> </div>
        <!--end- Swiper --> </div>
    <!-- end-banner -->
    <div class="index-page-block">
        <div class="index-service index-wrap">
          <!--  <div class="container">
                <h2 class="index-title">
                    <div class="big-title"><strong class="big">服务项目</strong> <span class="line l-line"></span> <span
                            class="line r-line"></span></div>
                    <span class="small">Service Items</span></h2>
                <div class="index-service-scroll-wrap">
                    <div class="swiper-container">
                        <div class="swiper-slide-inner clearfix">
                            <div class="swiper-slide-image-wrap">
                                <div class="swiper-slide-image active">                                    &lt;!&ndash;pc&ndash;&gt;
                                    <div class="sm-hidden"><img src="picture/bg30.jpg"
                                                                alt="品牌网站建设"></div>
                                    &lt;!&ndash;mobile&ndash;&gt;
                                    <div class="lg-hidden"><img src="picture/bg30.jpg"
                                                                alt="品牌网站设计"></div>
                                </div>
                                <div class="swiper-slide-image">
                                    <div class="sm-hidden"><img src="picture/index-service1-2.jpg"
                                                                    alt="UI设计"></div>
                                    <div class="lg-hidden"><img src="picture/index-service1-2a.jpg"
                                                                alt="UI设计"></div>
                                </div>
                                <div class="swiper-slide-image">
                                    <div class="sm-hidden"><img src="picture/bg32.jpg"
                                                                    alt="电子商务"></div>
                                    <div class="lg-hidden"><img src="picture/index-service1-3a.jpg"
                                                                alt="电子商务"></div>
                                </div>
                                <div class="swiper-slide-image">
                                    <div class="sm-hidden"><img src="picture/f569b9f78d028f878afa0c1798491788.jpg"
                                                                    alt="移动互联"></div>
                                    <div class="lg-hidden"><img src="picture/f569b9f78d028f878afa0c1798491788.jpg"
                                                                alt="移动互联"></div>
                                </div>
                                <div class="swiper-slide-image">
                                    <div class="sm-hidden"><img src="picture/index-service1-5.jpg"
                                                                    alt="其他服务"></div>
                                    <div class="lg-hidden"><img src="picture/index-service1-5a.jpg"
                                                                alt="其他服务"></div>
                                </div>
                                <div class="swiper-slide-image">
                                    <div class="sm-hidden"><img src="picture/index-service1-6.jpg"
                                                                    alt="APP定制"></div>
                                    <div class="lg-hidden"><img src="picture/index-service1-6a.jpg"
                                                                alt="APP开发"></div>
                                </div>
                            </div>
                            <div class="swiper-slide-text-scroll">
                                <div class="swiper-slide-text-each active">
                                    <div class="swiper-slide-text-wrap">
                                        <div class="swiper-slide-text">
                                            <h2 class="slide-title">品牌网站建设</h2>

                                            <div class="slide-descrition">&nbsp;&nbsp;&nbsp;&nbsp;
                                                <span> 企业网站建设&nbsp;</span>
                                                <span>品牌网站建设</span>
                                                <span> 上市公司网站建设 </span> <span> 营销型网站建设 </span>
                                            </div>
                                            <a href="service.html" class="radiu-button">查看更多 > ></a></div>
                                    </div>
                                </div>
                                <div class="swiper-slide-text-each">
                                    <div class="swiper-slide-text-wrap">
                                        <div class="swiper-slide-text"><h2 class="slide-title">UI设计</h2>

                                            <div class="slide-descrition">
                                                <span>原型交互设计</span>
                                                <span>产品视觉设计</span>
                                                <span>电商相关设计</span>
                                                <span>软件及其他终端设计</span>
                                                <span></span></div>
                                            <a href="service.html" class="radiu-button">查看更多 > ></a></div>
                                    </div>
                                </div>
                                <div class="swiper-slide-text-each">
                                    <div class="swiper-slide-text-wrap">
                                        <div class="swiper-slide-text">
                                            <h2 class="slide-title" style="color: white!important;">电子商务</h2>

                                            <div class="slide-descrition" >
                                                <span style="color: white!important;">B2C商城定制</span> <span style="color: white!important;">B2B商城定制</span>
                                                <span style="color: white!important;">外贸商城系统</span> <span style="color: white!important;">手机微商城系统</span> <span style="color: white!important;">多终端商城系统</span></div>
                                            <a href="service.html" class="radiu-button">Read
                                                More</a></div>
                                    </div>
                                </div>
                                <div class="swiper-slide-text-each" style="float: right;">
                                    <div class="swiper-slide-text-wrap">
                                        <div class="swiper-slide-text"><h2 class="slide-title">移动互联</h2>

                                            <div class="slide-descrition">
                                                <span>微官网开发</span> <span>微商城开发</span>
                                                <span>微活动开发</span>
                                                <span>APP开发</span>
                                                <span>手机网站建设</span></div>
                                            <a href="service.html" class="radiu-button" style="background:seagreen">查看更多 > ></a></div>
                                    </div>
                                </div>
                                <div class="swiper-slide-text-each">
                                    <div class="swiper-slide-text-wrap">
                                        <div class="swiper-slide-text"><h2 class="slide-title">其他服务</h2>

                                            <div class="slide-descrition">
                                                <span>SEO推广</span> <span>SEM账户优化</span>
                                                <span>网站前端制作</span>
                                                <span>域名注册</span> <span>网站维护</span></div>
                                            <a href="service.html" class="radiu-button">
                                                查看更多 > ></a></div>
                                    </div>
                                </div>
                                <div class="swiper-slide-text-each">
                                    <div class="swiper-slide-text-wrap">
                                        <div class="swiper-slide-text"><h2 class="slide-title">APP定制</h2>

                                            <div class="slide-descrition"><span>IOS APP定制</span>
                                                <span>Android APP定制</span> <span>商城系统APP</span> <span>APP和网站数据互通</span>
                                                <span></span></div>
                                            <a href="service.html" class="radiu-button">查看更多 > ></a></div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="work-buttons">
                            <div class="work-button">
                                <div class="count-tab">
                                    <div class="each-tab active">
                                        <div class="tab"><strong class="tab-key">网站建设</strong> <span class="dot"></span>
                                        </div>
                                    </div>
                                    <div class="each-tab">
                                        <div class="tab"><strong class="tab-key">UI设计</strong> <span
                                                class="dot"></span></div>
                                    </div>
                                    <div class="each-tab">
                                        <div class="tab"><strong class="tab-key">电子商务</strong> <span class="dot"></span>
                                        </div>
                                    </div>
                                    <div class="each-tab">
                                        <div class="tab"><strong class="tab-key">移动互联</strong> <span
                                                class="dot"></span></div>
                                    </div>
                                    <div class="each-tab">
                                        <div class="tab"><strong class="tab-key">其他服务</strong> <span
                                                class="dot"></span></div>
                                    </div>
                                    <div class="each-tab">
                                        <div class="tab"><strong class="tab-key">APP定制</strong> <span
                                                class="dot"></span></div>
                                    </div>
                                </div>
                                <div class="prograss-bar"><a class="prev iconfont"></a> <a class="next iconfont"></a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>-->
            <div class="index-serviceTit">
                <h1>服务项目</h1> <br>
                <p>品牌网站建设、UI设计、电子商务、移动互联、其他服务</p>
            </div>
            <div class="index-serviceCon">
                <div class="index-serviceLeft">
                    <ul>
                        <li class="tb tb1">品牌网站建设</li>
                        <li class="tb tb2">UI设计</li>
                        <li class="tb tb3">电子商务</li>
                        <li class="tb tb4">移动互联</li>
                        <li class="tb tb5">其他服务</li>
                    </ul>
                </div>
                <div class="index-serviceRight ">
                    <div class="index-serviceRighttxt td1">
                        <h1>专业品牌网站建设</h1><br>
                        <span>你值得信赖</span>
                        <div class="gn">
                            <span>企业网站建设</span>
                            <span>品牌网站建设</span>
                            <span>集团网站建设</span>
                            <span>上市公司网站建设</span>
                            <span>地产网站建设</span>
                            <span>医疗网站建设</span>
                            <span>营销型网站建设</span>
                            <span>外贸网站建设</span>
                            <span>论坛管理系统</span>
                        </div>
                    </div>
                    <div class="index-serviceRighttxt td2" style="display: none" >
                        <h1>UI设计</h1><br>
                        <span>用心为你设计</span>
                        <div class="gn">
                            <span>原型交互设计</span>
                            <span>产品视觉设计</span>
                            <span>电商相关设计</span>
                            <span>移动产品设计</span>
                            <span>软件及其它终端设计</span>
                        </div>
                    </div>
                    <div class="index-serviceRighttxt td3" style="display: none">
                        <h1>移动互联</h1><br>
                        <span>手机APP开发</span>
                        <div class="gn">
                            <span>微官网开发</span>
                            <span>微商城开发</span>
                            <span>微活动开发</span>
                            <span>微信砍价活动</span>
                            <span>APP开发</span>
                            <span>APP云打包</span>
                            <span>手机网站建设</span>
                        </div>
                    </div>
                    <div class="index-serviceRighttxt td4" style="display: none">
                        <h1>电子商务</h1><br>
                        <span>B2B、B2C、O2O、C2C</span>
                        <div class="gn">
                            <span>B2C商城</span>
                            <span>B2B2C商城</span>
                            <span>B2B商城</span>
                            <span>C2C商城</span>
                            <span>O2O商城</span>
                            <span>跨境电商系统</span>
                            <span>分销系统</span>
                            <span>微商城系统</span>
                            <span>微分销系统</span>
                        </div>
                    </div>
                    <div class="index-serviceRighttxt td5" style="display: none">
                        <h1>其他服务</h1><br>
                        <span>其他服务</span>
                        <div class="gn">
                            <span>SEO推广</span>
                            <span>SEM账户优化</span>
                            <span>网站前端制作</span>
                            <span>APP云打包</span>
                            <span>域名注册</span>
                            <span>服务器托管</span>
                            <span>网站维护</span>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!--end 服务范围-->
        <!--我们的作品-->
        <div class="index-work index-wrap">
            <div class="container">
                <h2 class="index-title">
                    <div class="big-title"><strong class="big">我们的案例</strong> <span class="line l-line"></span> <span
                            class="line r-line"></span></div>
                    <span class="small">OUR CASE</span></h2>
                <div class="index-work-content">
                    <div class="work-swiper-container">
                        <!--pc-->
                            <div class="swiper-slide-image-wrap sm-hidden">

                                <div class="swiper-slide-image " style="background:url(images/case2.jpg) no-repeat center
                        center;background-size:auto 100%">
                                    <a style="display:block;width:100%;height:100%;" href="case.html" rel="nofollow">&nbsp;
                                    </a>
                                </div>
                                <div class="swiper-slide-image " style="background:url(images/case1.jpg) no-repeat center
                        center;background-size:auto 100%">
                                    <a style="display:block;width:100%;height:100%;" href="case.html"  rel="nofollow">&nbsp;
                                    </a>
                                </div>
                                <div class="swiper-slide-image" style="background:url(images/case.jpg) no-repeat center
                        center;background-size:auto 100%">
                                    <a style="display:block;width:100%;height:100%;" href="case.html" rel="nofollow">&nbsp;
                                    </a>
                                </div>


                                <div class="swiper-slide-image " style="background:url(images/case3.jpg) no-repeat center
                        center;background-size:auto 100%">
                                    <a style="display:block;width:100%;height:100%;"  href="case.html"  rel="nofollow">&nbsp;
                                    </a>
                                </div>
                                <div class="swiper-slide-image   " style="background:url(images/case4.jpg) no-repeat center
                        center;background-size:auto 100%">
                                    <a style="display:block;width:100%;height:100%;"   href="case.html" rel="nofollow">&nbsp;
                                    </a>
                                </div>
                            </div>                        <!--mobile-->
                <div class="swiper-slide-image-wrap lg-hidden">
                    <div class="swiper-slide-image                             "
                        style="background:url(images/5a966150e1d4b.jpg) no-repeat center
                        center;background-size:auto 100%"> <a style="display:block;width:100%;height:100%;"  href="" rel="nofollow">&nbsp;
                    </a>
                </div>
                    <div class="swiper-slide-image"  style="background:url(images/5a446184d7305.jpg) no-repeat center center;background-size:auto 100%">
                    <a style="display:block;width:100%;height:100%;"   href="" rel="nofollow">&nbsp;
                    </a>
                </div>
                    <div class="swiper-slide-image                             "
                        style="background:url(images/5a446178c82f4.jpg) no-repeat center
                        center;background-size:auto 100%">
                    <a style="display:block;width:100%;height:100%;"href=""  rel="nofollow">&nbsp;
                    </a>
                </div>
                    <div class="swiper-slide-image "   style="background:url(images/5a44616ac8c7f.jpg) no-repeat center   center;background-size:auto 100%">
                        <a style="display:block;width:100%;height:100%;" href="case.html"  rel="nofollow">&nbsp;
                        </a>
                </div>
                    <div class="swiper-slide-image"style="background:url(images/5a44615c857cb.jpg) no-repeat center center;background-size:auto 100%">
                        <a style="display:block;width:100%;height:100%;"  href=""    rel="nofollow">&nbsp;
                        </a>
                </div>                        </div>
            <div class="swiper-slide-text-wrap">
                <div class="swiper-slide-text">
                    <div class="swiper-slide-text-scroll">
                        <div class="swiper-slide-text-each  ">
                            <h2  class="slide-title"> 万科 <span
                                class="small">企业网站 / 手机微信网站</span></h2>
                            <span class="line"></span>

                            <div class="slide-descrition">逆势增长，理性投资</div>
                        </div>
                        <div class="swiper-slide-text-each "> <h2
                                class="slide-title"> 中医保健 <span
                                class="small">企业网站 / 手机微信网站</span></h2>
                            <span class="line"></span>

                            <div class="slide-descrition">中医文化源远流长</div>
                    </div>

                        <div class="swiper-slide-text-each "> <h2
                                class="slide-title"> 盈科酒店 <span
                                class="small">企业网站 / 手机微信网站</span></h2>
                            <span class="line"></span>

                            <div class="slide-descrition">环境 优美， 食物  健 康无公害 </div>
                        </div>

                        <div class="swiper-slide-text-each "> <h2
                                class="slide-title"> 环球石材 <span
                                class="small">企业网站 / 手机微信网站</span></h2>
                            <span class="line"></span>

                            <div class="slide-descrition">二十多年我们专注于石材</div>
                    </div>
                        <div class="swiper-slide-text-each "> <h2
                                class="slide-title"> 我爱海淘 <span
                                class="small">购物</span></h2>
                            <span class="line"></span>

                            <div class="slide-descrition">打造中国购物定制品牌，为顾客提供高品质购物服务</div>
                    </div>                                </div>
                <div class="work-buttons">
                    <div class="work-button">
                        <div class="count"><span class="current">01</span> <i>/</i> <span class="total">06</span></div>
                        <div class="prograss-bar"><a class="prev iconfont"></a>

                            <div class="lines">
                                <div class="nline"></div>
                            </div>
                            <a class="next iconfont"></a></div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
            </div>
        </div>
        <!--end 我们的作品-->
        <!--我们的数据-->
<div class="index-data">
    <div class="video">
        <div class="video-inner">
            <video class="data-background" src="video/video_bg.mp4" autoplay="true"
                   style="width: 100%;  object-fit: fill" loop="true" poster="">
                <source src="video/video_bg.mp4" type="video/mp4">
            </video>
            <div class="lg-hidden">
                <div class="img-responsive data-background">
                    <img src="picture/index-data-bg-m.jpg" alt="">
                </div>
            </div>
        </div>
    </div>
    <div class="wrap">
        <div class="index-data-list">
            <ul class="item-list clearfix">
                <li class="item">
                    <div class="item-inner">
                        <h3 class="text-wrap">
                            <span class="number-wrap">
                                <strong class="number"  id="num1" data-num="5000">
                                    5,000
                                </strong>
                                <strong  class="icon">+</strong>
                            </span>
                            <span class="small-title">客户选择</span>
                        </h3>
                    </div>
                </li>
                <li class="item">
                    <div class="item-inner">
                        <h3 class="text-wrap">
                            <span class="number-wrap">
                                <strong class="number" id="num2"    data-num="5">5</strong>
                                <strong class="icon">+</strong>
                            </span>
                            <span class="small-title">国家软件著作权</span>
                        </h3>
                    </div>
                </li>
                <li class="item">
                    <div class="item-inner">
                        <h3 class="text-wrap">
                            <span class="number-wrap">
                                <strong class="number" id="num3"  data-num="100">100</strong>
                                <strong   class="icon">+</strong>
                            </span>
                            <span class="small-title">上市/集团公司</span>
                        </h3>
                    </div>
                </li>
                <li class="item">
                    <div class="item-inner">
                        <h3 class="text-wrap">
                            <span class="number-wrap">
                                <strong class="number" id="num4" data-num="20">20</strong>
                                <strong class="icon">+</strong>
                            </span>
                            <span class="small-title">专业团队</span>
                        </h3>
                    </div>
                </li>
                <li class="item">
                    <div class="item-inner">
                        <h3 class="text-wrap">
                            <span class="number-wrap">
                                <strong class="number"  id="num5" data-num="300">300</strong>
                                <strong class="icon">+</strong>
                            </span>
                            <span class="small-title">检测标准</span>
                        </h3>
                    </div>
                </li>
                <li class="item">
                    <div class="item-inner">
                        <h3 class="text-wrap">
                            <span class="number-wrap">
                                <strong class="number"id="num6" data-num="96">96</strong>
                                <strong class="icon">%</strong>
                            </span>
                            <span class="small-title">客户续费率</span>
                        </h3>
                    </div>
                </li>
            </ul>
        </div>
    </div>
</div><!--end我们的数据--> <!--他们选择了今明-->
<div class="index-customer index-wrap">
    <div class="wrap">
        <h2 class="index-title">
            <div class="big-title"><strong class="big">今明服务客户</strong> <span class="line l-line"></span> <span
                    class="line r-line"></span></div>
            <span class="small">Our Customer</span></h2>
        <div class="index-tips">今明互联（www.116net.cn）是一家专业从事互联网服务的科技公司。本司提供网络应用和信息服务，致力于网站建设、企业邮局、域名注册、网站推广、软件开发等互联网应用服务的运营商，目前今明互联已成为北京著名网站建设提供服务商
        </div>
        <div class="index-customer-list">
            <ul class="item-list clearfix">
                <li class="item item600">
                        <div class="dot lt-dot"></div>
                        <div class="dot lb-dot"></div>
                        <div class="dot rt-dot"></div>
                        <div class="dot rb-dot"></div>
                        <div class="item-inner">
                            <a href="" target="_blank"  rel="nofollow">
                                <img src="picture/server-logo01.png" alt="">
                                <img src="picture/server-logo01.png" alt="">
                            </a>
                        </div>
                    </li>
                <li class="item item450">
                        <div class="dot lt-dot"></div>
                        <div class="dot lb-dot"></div>
                        <div class="dot rt-dot"></div>
                        <div class="dot rb-dot"></div>
                        <div class="item-inner">
                            <a href="" target="_blank"   rel="nofollow">
                                <img src="picture/server-logo02.png"   alt="恒大" title="恒大">
                                <img src="picture/server-logo02.png" alt="">
                            </a>
                        </div>
                    </li>
                <li class="item item600">
                        <div class="dot lt-dot"></div>
                        <div class="dot lb-dot"></div>
                        <div class="dot rt-dot"></div>
                        <div class="dot rb-dot"></div>
                        <div class="item-inner">
                            <a href="" target="_blank"  rel="nofollow">
                                <img src="picture/server-logo03.png" alt="">
                                <img src="picture/server-logo03.png" alt="">
                            </a>
                        </div>
                    </li>
                <li class="item item550">
                        <div class="dot lt-dot"></div>
                        <div class="dot lb-dot"></div>
                        <div class="dot rt-dot"></div>
                        <div class="dot rb-dot"></div>
                        <div class="item-inner">
                            <a href="" target="_blank"   rel="nofollow">
                                <img src="picture/server-logo04.png"   alt="">
                                <img src="picture/server-logo04.png" alt="">
                            </a>
                        </div>
                    </li>
                <li class="item item400">
                        <div class="dot lt-dot"></div>
                        <div class="dot lb-dot"></div>
                        <div class="dot rt-dot"></div>
                        <div class="dot rb-dot"></div>
                        <div class="item-inner">
                            <a href="" target="_blank"   rel="nofollow">
                                <img src="picture/server-logo05.png"   alt="">
                                <img src="picture/server-logo05.png" alt="">
                            </a>
                        </div>
                    </li>
                <li class="item item300 double-item">
                        <div class="dot lt-dot"></div>
                        <div class="dot lb-dot"></div>
                        <div class="dot rt-dot"></div>
                        <div class="dot rb-dot"></div>
                        <div class="item-inner">
                            <a href="" target="_blank" rel="nofollow">
                                <img src="picture/server-logo06.png"  alt="">
                                <img src="picture/server-logo06.png" alt="">
                            </a>
                        </div>
                    </li><li class="item item400 double-item">
                        <div class="dot lt-dot"></div>
                        <div class="dot lb-dot"></div>
                        <div class="dot rt-dot"></div>
                        <div class="dot rb-dot"></div>
                        <div class="item-inner">
                            <a href="" target="_blank" rel="nofollow">
                                <img src="picture/server-logo07.png" alt="">
                                <img src="picture/server-logo07.png" alt="">
                            </a>
                        </div>
                    </li>
                <li class="item item450 double-item">
                        <div class="dot lt-dot"></div>
                        <div class="dot lb-dot"></div>
                        <div class="dot rt-dot"></div>
                        <div class="dot rb-dot"></div>
                        <div class="item-inner">
                            <a href="" target="_blank"   rel="nofollow">
                                <img src="picture/server-logo08.png"  alt="">
                                <img src="picture/server-logo08.png" alt="">
                            </a>
                        </div>
                    </li>
                <li class="item item550 double-item">
                        <div class="dot lt-dot"></div>
                        <div class="dot lb-dot"></div>
                        <div class="dot rt-dot"></div>
                        <div class="dot rb-dot"></div>
                        <div class="item-inner">
                            <a href="" target="_blank" rel="nofollow">
                                <img src="picture/server-logo09.png"  alt="">
                                <img src="picture/server-logo09.png" alt="">
                            </a>
                        </div>
                    </li>
                <li class="item item450 double-item">
                        <div class="dot lt-dot"></div>
                        <div class="dot lb-dot"></div>
                        <div class="dot rt-dot"></div>
                        <div class="dot rb-dot"></div>
                        <div class="item-inner">
                            <a href="" target="_blank"   rel="nofollow">
                                <img src="picture/server-logo10.png"alt="">
                                <img src="picture/server-logo10.png" alt="">
                            </a>
                        </div>
                    </li>
                <li class="item item600">
                        <div class="dot lt-dot"></div>
                        <div class="dot lb-dot"></div>
                        <div class="dot rt-dot"></div>
                        <div class="dot rb-dot"></div>
                        <div class="item-inner">
                            <a href="" target="_blank"  rel="nofollow">
                                <img src="picture/server-logo11.png" alt="">
                                <img  src="picture/server-logo11.png" alt="">
                            </a>
                        </div>
                    </li>
                <li class="item item700">
                        <div class="dot lt-dot"></div>
                        <div class="dot lb-dot"></div>
                        <div class="dot rt-dot"></div>
                        <div class="dot rb-dot"></div>
                        <div class="item-inner">
                            <a href="" target="_blank" rel="nofollow">
                                <img src="picture/server-logo12.png"  alt="">
                                <img src="picture/server-logo12.png" alt=""> </a></div>
                    </li>
                <li class="item item300">
                        <div class="dot lt-dot"></div>
                        <div class="dot lb-dot"></div>
                        <div class="dot rt-dot"></div>
                        <div class="dot rb-dot"></div>
                        <div class="item-inner">
                            <a href="" target="_blank"  rel="nofollow">
                                <img src="picture/server-logo13.png"  alt="">
                                <img  src="picture/server-logo13.png" alt="">
                            </a>
                        </div>
                    </li>
                <li class="item item700">
                        <div class="dot lt-dot"></div>
                        <div class="dot lb-dot"></div>
                        <div class="dot rt-dot"></div>
                        <div class="dot rb-dot"></div>
                        <div class="item-inner">
                            <a href="" target="_blank" rel="nofollow">
                                <img src="picture/server-logo14.png"  alt="">
                                <img src="picture/server-logo14.png" alt="">
                            </a>
                        </div>
                    </li>
                <li class="item item300">
                        <div class="dot lt-dot"></div>
                        <div class="dot lb-dot"></div>
                        <div class="dot rt-dot"></div>
                        <div class="dot rb-dot"></div>
                        <div class="item-inner">
                            <a href="" target="_blank"  rel="nofollow">
                                <img src="picture/server-logo15.png" alt="">
                                <img src="picture/server-logo15.png" alt="">
                            </a>
                        </div>
                    </li>
            </ul>
        </div>
    </div>
</div>
        <!--end 他们选择了今明-->
        <!--新闻资讯-->
<div class="index-news index-wrap">
    <div class="wrap">
        <h2 class="index-title">
            <div class="big-title">
                <strong class="big">新闻资讯</strong>
                <span class="line l-line"></span>
                <span   class="line r-line"></span>
            </div>
            <span class="small">News</span>
        </h2>
        <div class="index-news-list clearfix">
            <div class="each-item">
                    <div class="item1 item">
                        <a href=""   title="北京网站建设公司哪家好或者比较靠谱以及如何判定呢" class="item-inner">
                        <div class="image-wrap">
                            <div class="image-inner">
                                <img src="picture/e85b87a558071f3d2f8a649b24f39ede.jpg"   alt="北京网站建设公司哪家好或者比较靠谱以及如何判定呢"/>
                            </div>
                        </div>
                        <div class="text-wrap">
                            <div class="text-inner">
                                <h3 class="title">北京网站建设公司哪家好或者比较靠谱以及如何判定呢</h3>
                                <span class="icon">

                                </span>
                            </div>
                        </div>
                    </a></div>
                </div>
            <div class="each-item">
                <div class="item2 item">
                    <a href="" title="" class="item-inner">
                        <div class="text-wrap">
                            <h3 class="title">做好网站优化之如何通过网站SEO优化内链提升权重</h3>

                            <p class="des">做好网站导航：认为首先做好网站导航很重要，可以帮助访客很快找到所关注的部分，好的导航一定要简洁易...</p>
                        </div>
                        <div class="date-wrap">
                            <div class="date">
                                <strong  class="big-date">17</strong>
                                <span  class="small-date">2018.03</span>
                            </div>
                            <span class="icon"></span>
                        </div>
                    </a>
                </div>
                <div class="item2 item">
                    <a href="" title="" class="item-inner">
                        <div class="text-wrap">
                            <h3 class="title">网站的建站形式有哪些？选择网站建设有哪些类型差异？</h3>
                            <p class="des">网站建设有哪些类型呢？网站制作有哪几种形式？由116网络为你解答： 1.租赁型:模板建站型(整个平台数千家客户网站都差不多相同)...</p>
                        </div>
                        <div class="date-wrap">
                            <div class="date"><strong
                                    class="big-date">15</strong> <span
                                    class="small-date">2018.03</span></div>
                            <span class="icon"></span>
                        </div>
                    </a>
                </div>
            </div>
            <div class="each-item">
                <div class="item3 item">
                    <a href=""  title="" class="item-inner">
                        <div class="date-wrap">
                            <div class="date">
                                <strong class="big-date">09</strong>
                                <span  class="line">
                                </span>
                                <span class="small-date">2018.03</span>
                            </div>
                        </div>
                        <div class="text-wrap">
                            <h3 class="title">北京网站建设多年互联网经验资深网站建设设计公司</h3>
                            <span class="icon"></span>
                        </div>
                    </a>
                </div>
                <div class="item3 item">
                    <a href=""  title="" class="item-inner">
                        <div class="date-wrap">
                            <div class="date">
                                <strong  class="big-date">03</strong>
                                <span class="line"></span>
                                <span class="small-date">2018.03</span>
                            </div>
                        </div>
                        <div class="text-wrap"><h3 class="title">北京网站建设公司教你如何创建高品质移动网站？</h3>
                            <span class="icon"></span>
                        </div>
                    </a>
                </div>
                <div class="item3 item">
                    <a href="" title="" class="item-inner">
                        <div class="date-wrap">
                            <div class="date">
                                <strong  class="big-date">01</strong>
                                <span   class="line"></span>
                                <span class="small-date">2018.03</span>
                            </div>
                        </div>
                        <div class="text-wrap">
                            <h3 class="title">做好网站结构优化需要注意哪些方面？</h3>
                            <span class="icon"></span>
                        </div>
                    </a>
                </div>
            </div>
        </div>
        <div class="normal-more-wrap1"><a href="" class="more">
            <i class="icon"></i> </a></div>
    </div>
</div><!--end 新闻资讯-->
<!--footer-->
<div id="footer">
    <div id="foot" class="fd">
        <div class="footerService">
            <div class="footerService1">
                <div class="footIcon"><br>
                    <p>贴心</p>
                    <p>全国7×24小时客服热线</p>
                </div>
                <div class="footIcon2"><br>
                    <p>安全</p>
                    <p>病毒杀除率高于99%</p>
                </div>
                <div class="footIcon3"><br>
                    <p>稳定</p>
                    <p>网站可用性高于99.9%</p>
                </div>
                <div class="footIcon4"><br>
                    <p>实力</p>
                    <p>服务68家上市企业及集团公司</p>
                </div>
            </div>


        </div>
        <div class="footerCon">
            <div class="footerNum">
                <ul>
                    <li class="footerNum1">中国·北京</li>
                    <li class="footerNum2">电话：13550078019</li>
                    <li class="footerNum3">Q Q：703469996 / 1520216034</li>
                    <li class="footerNum4">地址：北京市朝阳区建国路88号</li>
                </ul>
            </div>
            <div class="footerNum">
                <ul>
                    <li class="footerNum1">中国·北京</li>
                    <li class="footerNum2">电话：13550078019</li>
                    <li class="footerNum3">Q Q：703469996 / 1520216034</li>
                    <li class="footerNum4">地址：北京市朝阳区建国路88号</li>
                </ul>
            </div>
        </div>
        <br>
        <div class="aboutLink">
            <div class="link">
                <div class="linkTit">
                    友情链接
                </div>
                <a href="http://www.116net.com" title="北京网站建设" target="_blank">北京网站建设</a>
                <a href="http://www.987net.com" title="成都网站设计" target="_blank">成都网站设计</a>
                <a href="http://www.zw36.com" title="东莞网站建设" target="_blank">东莞网站建设</a>
                <a href="http://www.116web.com" title="成都网站建设" target="_blank">成都网站建设</a>
                <a href="http://www.runfkj.com" title="武汉软件外包公司" target="_blank">武汉软件外包公司</a>
                <a href="http://www.dawaner.net" title="深圳网站建设" target="_blank">深圳网站建设</a>
                <a href="http://www.iseasoft.cn" title="订货系统" target="_blank">订货系统</a>
                <a href="http://www.ahkxsoft.com" title="智慧校园理系统" target="_blank">智慧校园理系统</a>
                <a href="http://www.znlds.com" title="网站建设公司" target="_blank">网站建设公司</a>
                <a href="http://www.niuniulm.com" title="广告联盟" target="_blank">广告联盟</a>
                <a href="http://www.quandi8.com" title="成都网络推广" target="_blank">成都网络推广</a>
                <a href="http://www.manggeek.com" title="杭州APP开发" target="_blank">杭州APP开发</a>
                <a href="http://www.eixin.com.cn" title="镇江做网站" target="_blank">镇江做网站</a>
                <a href="http://www.987net.cn" title="成都网站优化" target="_blank">成都网站优化</a>
                <a href="http://www.116web.cn" title="成都网站制作" target="_blank">成都网站制作</a>
                <a href="http://www.0551www.com" title="合肥网站建设" target="_blank">合肥网站建设</a>
                <a href="http://www.noajt.com" title="天津网站建设" target="_blank">天津网站建设</a>
                <a href="http://www.025-85475200.com" title="南京蓝图服装租赁" target="_blank">南京蓝图服装租赁</a>
                <a href="http://www.funi.net" title="韩国服务器" target="_blank">韩国服务器</a>
                <a href="http://www.37uu.cn" title="郑州seo" target="_blank">郑州seo</a>

            </div>
        </div>
        <div class="copyRight">
            <div class="copyRights">
                <div class="h2">今明互联—企业信息化一站式服务专家</div>
                <br>
                Copyright &copy; 2018  All Rights Reserved. &nbsp; &nbsp;蜀ICP备14007638号 &nbsp;TAG标签&nbsp;站长统计
            </div>

            <div class="copyImg">
                <img src="images/foot-ewm-web.png" alt="" class="response-img"><br>
                今明互联手机站

            </div>
            <div class="copyImg">
                <img src="images/foot-ewm-wechat.png" alt="" class="response-img"><br>
                关注今明互联微信
            </div>

        </div>
    </div>
</div>
<!--end footer-->
    </div>
</div>
<!--price-dialog-->
<div class="consult_contact">
    <div class="consult_wrap">
        <a href="" target="_blank">
            <!--<div class="tip">Hello,欢迎来咨询~</div> -->
            <img src="picture/ball.png" class="ball" alt="">
            <img src="picture/kf_touxiang.png" class="staff_img" alt="">
            <img src="picture/bg_1.png" class="bg-1" alt="">
            <img src="picture/bg_2.png" class="bg-2" alt="">
            <img src="picture/bg_3.png" class="bg-3" alt=""> </a> </div>
    <div class="contact_line_btn">
        <div class="contact_line"></div>
        <a href="javascript:;" class="contact_btn">点击在线咨询</a> </div>
    <div class="contact_group_btn">
        <div class="group_btn_box">
            <img src="picture/kf_phone.png" alt="" class="phone_btn" />
            <div class="hover_txt_box">
                <div class="phone_txt">028-68638783</div>
                <i class="arrow"></i>
            </div>
        </div>
        <div class="group_btn_box">
            <img src="picture/wx_icon.png" alt="" class="wx_btn" />
            <div class="hover_txt_box">
                <div class="wx_code_box">
                    <img src="picture/wx_code.png" alt="" class="wx_code" />
                </div>
                <i class="arrow wx_arrow"></i>
            </div>
        </div>
        <div id="chatqq" class="group_btn_box">
            <script id="qd2852153672260fa59aa8f038cf3cb8f6e161505ad5" src="https://wp.qiye.qq.com/qidian/1520216034/260fa59aa8f038cf3cb8f6e161505ad5" charset="utf-8" async defer></script>
            <img src="picture/qq_icon.png" alt="" class="qq_btn addqq" />
            <div class="hover_txt_box addqq">
                <div class="phone_txt">1520216034</div>
                <i class="arrow"></i> </div>
        </div>
        <div id="goTop" class="group_btn_box" style="display:none">
            <a href="javascript:scroll(0,0)">
                <img src="picture/backTop_icon.png" alt="" class="backTop_btn" />
            </a> </div>
    </div>
</div>

<script>
    $(document).ready(function () {
        $(window).scroll(function () {
            var scrollTop = $(window).scrollTop();
            scrollTop > 100 ? $("#goTop").show() : $("#goTop").hide();
        });
    })
    $(".addqq").click(function() {
        window.open(
            "http://wpa.qq.com/msgrd?v=3&uin=1520216034&site=qq&menu=yes"
        );
    });

    // 客服弹框 鼠标放上事件
    $('.group_btn_box').hover(function() {
        $(this).find('.hover_txt_box').css("display", "flex");
        $(this).siblings().find('.hover_txt_box').hide();
    }, function() {
        $(this).find('.hover_txt_box').hide();
    });


    $('.top_nav').find('li:nth-child(2)').hover(function () {
        var isHide = $('.nav_pos_box').is(':hidden');
        if (isHide) {
            $('.nav_pos_box').slideDown(200);
        }
    }, function() {
        var isHide = $('.nav_pos_box').is(':hidden');
        if (!isHide) {
            $('.nav_pos_box').slideUp(200);
        }
    });



</script>

<script src="js/hotcss.js"></script>

<script>
    $(function () {

        $(".tb1").hover(function () {
            $(".td1").show().siblings().hide();
            $(".index-service").css("background","url(' picture/pic.jpg') no-repeat 0 0");
            $(".index-service").css("width","100%");
            $(".index-service").css("height","82em");

        })
        $(".tb2").hover(function () {
            $(".td2").show().siblings().hide();
            $(".index-service").css("background","url('picture/pic.jpg') no-repeat -2040px 0px");
            $(".index-service").css("width","100%");
            $(".index-service").css("height","82em");

        })
        $(".tb3").hover(function () {
            $(".td3").show().siblings().hide();
            $(".index-service").css("background","url(' picture/pic.jpg') no-repeat 0 -1020px");
            $(".index-service").css("width","100%");
            $(".index-service").css("height","82em");

        })
        $(".tb4").hover(function () {
            $(".td4").show().siblings().hide();
            $(".index-service").css("background","url('picture/pic.jpg') no-repeat -2040px -1020px");
            $(".index-service").css("width","100%");
            $(".index-service").css("height","82em");

        })
        $(".tb5").hover(function () {
            $(".td5").show().siblings().hide();
            $(".index-service").css("background","url('picture/pic.jpg') no-repeat -4080px 0");
            $(".index-service").css("width","100%");
            $(".index-service").css("height","82em");

        })
    })
</script>
</body>
</html>


<script src="js/index.js"></script>